<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <title>网站后台管理</title>
    <link rel="stylesheet" href="../../css/space.css">
</head>

<body>
    <nav>
        <h1>xxxx</h1>
        <ul>
            <li><a href="/index">主页</a></li>
            <li><a href="/logout">退出登录</a></li>
        </ul>
    </nav>
    <main>
        <aside class="side_menu">
            <ul>
                <li itemid="0" class="side_menu_item">个人信息</li>
                <li itemid="1" class="side_menu_item">我的app</li>
                <li itemid="2" class="side_menu_item">app上传</li>
            </ul>
        </aside>
        <div class="window">
            <div class="area" style="display: block;">
                <h2>个人信息</h2>
            </div>
            <div class="area">
                <h2>我的app</h2>
            </div>
            <div class="area">
                <div class="uploading_mask" id="uploading_mask">
                    <div class="uploading_div">
                        <p id="uploading_progress_percentage">正在上传中......0%</p>
                        <div class="uploading_progress">
                            <div class="uploading_progress_inner" id="uploading_progress_inner"></div>
                        </div>
                    </div>

                </div>
                <h2>app上传</h2>
                <div class="area_upload_app">
                    <img class="app_icon_view" id="app_icon_view" src="../../img/android.png" />
                    <div class="app_shot_view">
                        <ul id="app_shot_img">
                            <!-- <li>
                            <img src="../../img/android.png" alt="">
                        </li>
                        <li>
                            <img src="../../img/android.png" alt="">
                        </li>
                        <li>
                            <img src="../../img/android.png" alt="">
                        </li>
                        <li>
                            <img src="../../img/android.png" alt="">
                        </li>
                        <li>
                            <img src="../../img/android.png" alt="">
                        </li>
                        <li>
                            <img src="../../img/android.png" alt="">
                        </li>
                        <li>
                            <img src="../../img/android.png" alt="">
                        </li> -->
                        </ul>
                    </div>
                    <table>
                        <tr>
                            <td>app名</td>
                            <td>
                                <input type="text" required name="app_name" id="app_name"/>
                            </td>
                        </tr>
                        <tr>
                            <td>app分类</td>
                            <td>
                                <select id="app_category">
                                    <option>社交</option>
                                    <option>社交</option>
                                    <option>社交</option>
                                    <option>社交</option>
                                    <option>社交</option>
                                    <option>社交</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>app介绍</td>
                            <td>
                                <textarea name="app_desc" id="app_desc" required></textarea>
                            </td>
                        </tr>
                        <tr>
                            <td>app 文件</td>
                            <td>
                                <input type="file" id="app_file" required name="app_file" accept=".apk" />
                            </td>
                        </tr>
                        <tr>
                            <td>app logo</td>
                            <td>
                                <input type="file" id="app_icon" required name="app_icon" accept="image/*" />
                            </td>
                        </tr>
                        <tr>
                            <td>app 截图</td>
                            <td>
                                <input type="file" multiple required name="app_shot" id="app_shot" accept="image/*" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <button id="uploading_btn">点击确认上传</button>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <!-- <div class="area">
            <h2>我的反馈</h2>  
        </div> -->
        </div>
    </main>
    <script src="../../js/space.js"></script>
    <script src="../../js/axios.js"></script>
</body>

</html>